.main{width:1200px;margin:35px auto 30px auto}
.main .mainL,.main .mainR{;margin:0 auto 60px auto}
.main .mainL{background-color:#fff;width:160px;float:left;}
.main .mainR{width:1020px;float:right}
.main .mainL a{height:40px;display:block;font-size:14px;color:#666;text-align:left}
.main .mainL a em{width:90%;background-color:#fff;line-height:40px;display:block;padding-left:32px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;margin:0px auto}
.main .mainL a.tbody{line-height:50px;height:50px;color:#fff;margin-bottom:20px;font-size:14px;text-align:center;padding-left:0;border:0;}
.main .mainL a.tbody:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;color:#fff}
.main .mainL a.tbody +h4{margin-top:20px}
.main .mainL h4{font-size:16px;color:#000;padding-left:15px;text-align:left;padding-top:6px;padding-bottom:5px}
.main .mainL .firsttop{margin-top:10px}
.main .mainL h4 i{width:20px;color:#FD66B5;font-size:20px;margin:0 5px 0 0;text-align:center}
.main .mainL h4.vip{color:#A18264;margin:0 0 10px 0;position:relative;cursor:pointer}
.main .mainL h4.vip:hover{color:#FF5722}
.main .mainL h4.vip b{left:100px;top:8px;width: 10px;height: 10px;background-color: #FD66B5;display: block;position: absolute;border-radius: 5px;}
.main .mainL a.ed{margin:10px auto}
.main .mainL a.ed em{color:#E83191;background-color:#FCEFF4}
.main .mainL a:hover{color:#FD66B5;border-left-color:#FD66B5}
.main .mainL a:last-child{margin-bottom:22px}
.main .mainL a b{font-weight:normal;font-size:12px;display:inline-block;min-width:10px;text-align:center;padding:0 4px;height:18px;line-height:18px;border-radius:9px;background-color:#FF5722;color:#fff;margin:10px 0 0 10px}

.photobox{width:960px;padding:30px;height:155px;margin:0 auto;position:relative;text-align:left;background-color:#fff}
/**/
.photoboxL{float:left;width:155px;height:155px;line-height:155px;margin-right:35px;text-align:center;position:relative}
.photoboxL:hover{cursor:pointer}
.photoboxL .m{width:155px;height:155px}
.photoboxL .pmask{width:100%;line-height:30px;position:absolute;z-index:1;color:#fff;bottom:0;left:0;background-color:rgba(0,0,0,.3)}
.photoboxL .photobtn{display:block;text-align:center;width:100%;line-height:155px;height:155px;background-color:#FD66B5;color:#fff;font-size:16px;position:absolute;bottom:0;left:0;background-color:rgba(0,0,0,0)}
.photoboxL .photobtn span{display:none}
.photoboxL .photobtn:hover{background-color:rgba(0,0,0,0.3)}
.photoboxL .photobtn:hover span{display:block}

.photoboxR{float:right;width:110px;height:110px;background-color:#f9f9f9;background-position:left -150px;margin-top:0px;margin-right:10px;position:relative}
.photoboxR a.uhome{display:block;width:108px;height:108px;border:#eee 1px solid;background-color:#f9f9f9;font-size:18px;color:#999;text-align:center;}
.photoboxR a.uhome:hover{background-color:#fff;color:#666;border-color:#ddd}
.photoboxR a.uhome i.ico{display:block;font-size:65px;line-height:65px;color:#E1E1E1;margin-top:10px}
.photoboxR a.uhome:hover i.ico{color:#E83191}
.photoboxR .qdbtn{display:block;border-radius:30px;text-align:center;width:100%;line-height:36px;height:36px;background-color:#FD66B5;color:#fff;font-size:14px;position:absolute;bottom:-50px;left:0}
.photoboxR .qdbtn:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8}
.photoboxR .qdbtn i.ico{margin-right:5px;vertical-align:middle;font-size:18px;line-height:18px;margin-top:-4px}
.photoboxR .qdbtn span{vertical-align:middle;display:inline-block;margin-top:-3px}
.photoboxR .ed{background-color:#ccc;cursor:not-allowed}
.photoboxR .ed:hover{background-color:#ccc;}

.photobox1,.photobox2,.photobox3{width:150px;padding-left:20px;height:155px;border-left:#eee 1px solid;position:absolute}
.photobox1 li,.photobox2 li,.photobox3 li{line-height:39px;color:#8d8d8d}
.photobox1{left:200px;width:280px;border:0}
.photobox1 h2{line-height:30px;font-size:16px;color:#444;margin:3px 0 3px 0}
.photobox1 a{color:#fff;margin-left:15px;padding:0 15px;background-color:#A18264;text-align:center;display:inline-block;line-height:30px;height:30px;border-radius:22px;font-size:14px}
.photobox1 a:hover{background:#D83F74}
.photobox1 a .ico{font-size:16px;margin-left:4px}
.photobox1 li:nth-child(4) font,.photobox3 li font{color:#F34CA4;font:normal 15px/15px Arial}
.photobox1 li:nth-child(4) font{cursor:pointer}

.photobox2{left:450px;width:170px;}/*;background-color:#fc0*/
.photobox2 a {color:#8d8d8d}
.photobox2 a font{color:#F34CA4;font:normal 15px/15px Arial}
.photobox2 li{position:relative}
.photobox2 li:first-child{width:220px;overflow:hidden;cursor:pointer}

.RZBOX{position:absolute;top:6px}
.RZBOX i.ico{padding:1px}
.RZBOX i.ico{width:20px;height:20px;line-height:20px;font-size:18px;margin:0 2px;border-radius:3px;background-color:#ddd}
.RZBOX i.ed{background-color:#00BC2A;}

.photobox3{left:690px}
.photobox3 li:first-child a{color:#E51D7A;font:normal 15px/15px Arial}
.photobox3 li:first-child a:hover{color:#f60}

.main .mainR .box,
.main .mainR .zeai_my_box{width:960px;padding:10px 30px 20px 30px;margin:0 auto;text-align:left;margin-top:20px;background-color:#fff;min-height:200px;clear:both;overflow:auto}
.main .mainR .zeai_my_box,.main .mainR .myRM{width:1020px;margin:0;min-height:940px;padding:0;background-color:#fff;text-align:left;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}

.match dl{height:30px;padding-top:10px}
.match dl dt{float:left;text-align:left;font-size:16px}
.match dl dd{float:right;font-size:16px}
.match dt span{font-size:14px;margin-left:30px;color:#999}
.match ul{width:960px;text-align:center;margin:0 auto}
.match ul li{float:left;padding:18px 28px}
.match ul li a{width:100px;display:block;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s}
.match ul li a .img{width:100px;height:100px;border-radius:50%;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s;margin:0 auto}
.match ul li a:first-child{height:122px;}
.match ul li a h5{font-size:12px;line-height:30px;color:#8d8d8d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s;margin:0 auto}
.match ul li a:hover h5{color:#E83191;font-size:14px}
.match ul li a:hover .img{width:90px;height:90px;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8}
.match ul li a:last-child{width:75px;padding-left:25px;line-height:30px;height:30px;margin-top:15px;border:#dedede 1px solid;color:#999;;position:relative;border-radius:31px}
.match ul li a:last-child:hover{background-color:#FD66B5;color:#fff;border-color:#FD66B5}
.match ul li a:last-child:before{width:18px;height:18px;line-height:18px;font-size:16px;position:absolute;content:'\e63d';left:20px;top:6px;display:inline-block}
.match ul li a:last-child:before{font-family:"www_zeai_cn_iconfont" !important;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;display:inline-block}
.match ul li a:last-child:hover:before{animation:hishan .3s infinite}
.match ul li a.ed{width:100px;padding-left:0;background-color:#ccc;color:#fff;border-color:#ccc;cursor:not-allowed}
.match ul li a.ed:hover{background-color:#ccc;border-color:#ccc;cursor:not-allowed}
.match ul li a.ed:before{display:none}
.match ul li a.chat:last-child:before{left:25px;;content:'\e676'}

/**************公用部分**************/
.main .mainR .myRM{padding:30px 40px}
.myRM h1{font-size:24px;font-weight:bold;position:relative}
.myRM h1 font{font-weight:normal;line-height:24px;height:24px;padding:0 5px;background-color:#aaa;color:#fff;display:inline-block;font-size:14px;margin:5px 0 0 120px;border-radius:2px 0 2px 0;position:absolute;left:0;top:0}
.myRM h1 font:before{content:'';display:inline-block;width:0;height:0;border-top:12px solid transparent;border-bottom:12px solid transparent;border-right:6px solid #ff9600;position:absolute;left:-6px;top:0}
.myRM h1 font.flag0{background-color:#bbb}.myRM h1 font.flag0:before{border-right-color:#bbb}
.myRM h1 font.flag1{background-color:#5EB87B}.myRM h1 font.flag1:before{border-right-color:#5EB87B}
.myRM h1 font.flag2{background-color:#f70}.myRM h1 font.flag2:before{border-right-color:#f70}
.myRM .tab{width:100%;margin:20px auto;font-size:16px;border-bottom:1px solid #eee}
.myRM .tab a{display:inline-block;line-height:16px;margin-right:60px;position:relative;color:#666;padding-bottom:16px;margin-bottom:-2px;cursor:pointer}
.myRM .tab a.ed{border-bottom:#FD66B5 4px solid;color:#FD66B5}
.myRM .tab a:hover{color:#FD66B5}
.myRM .tab a:after{content:'';display:table;clear:both}
.myRM .tab .tabRbtn{font-size:18px;color:#037afe;float:right;margin-right:0;cursor:pointer}
.myRM .tab .tab_Rbox{float:right;margin-right:0;}

.myRM .tab a b{position:absolute;left:110%;top:-8px;min-width:8px;padding:0 4px;height:16px;line-height:16px;font-size:12px;border-radius:12px;background-color:#fff;color:#FF5722;border:#FF5722 1px solid;text-align:center;font-weight:normal}


/*databfb*/
.my_info_bfb{line-height:24px;width:75%;margin:0 auto 20px auto;border-radius:15px;overflow:hidden;margin-top:30px;position:relative;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;border:#eee 1px solid}
.my_info_bfb i{width:24px;height:24px;display:block;background-color:#ffbde0;border:#fff 1px solid;border-radius:15px 0 0 15px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.my_info_bfb span{text-align:center;position:absolute;width:100%;top:0;left:0;color:#E83191}
.my_info_bfb_nb i{background-color:#daf4db}
.my_info_bfb_nb span{color:#090}
/*C*/
.myRC{background-color:#fff;width:100%;/*min-height:620px;*/margin:0 auto;clear:both;text-align:center;padding-bottom:50px}/*width:1020px*/
.myRC .tips{color:#999;margin-left:10px}
.myRC .SW,.myRC .RCW li{padding-left:8px;font-size:14px;vertical-align:middle;height:40px;line-height:36px;border:#E7E7EB 1px solid;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;border-radius:3px;-webkit-tap-highlight-color:rgba(0,0,0,0);color:#333}
.myRC .RCW{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:flex-start;justify-content:flex-start}
.myRC .RCW li{width:25%;overflow:hidden;margin:0 8px 5px 0}
.myRC .SW{width:25%;cursor:pointer;margin-right:4px;color:#333;background-color:#fff}
.myRC .RCW li:hover{background-color:#f8f8f8}
.myRC .RCW li input{width:16px;height:16px;border:none; background:none;vertical-align:middle; margin-right:5px}
.myRC hr{width:80%;display:block;height:1px;font-size:10px;border:none;border-top:#eee 1px solid;clear:both;overflow:auto;margin:0 auto}
.myRC .mypagebox{margin:50px auto 0 auto}

.myRC .bai,.myRC .hong,.myRC .honged{display:inline-block;border:0;padding:0 10px;line-height:36px;height:36px;font-size:14px;border-radius:3px;background-color:#fff;border:#FD66B5 1px solid;color:#FD66B5;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.myRC .hong:hover,.myRC .bai:hover,.myRC .honged:hover{background-color:#E83191;color:#fff;border-color:#E83191}
.myRC .bai{border-color:#ccc;color:#888;line-height:34px;}.myRC .bai:hover font{color:#fff}
.myRC .hong{border-color:#FD66B5;color:#FD66B5;line-height:34px}
.myRC .honged{border:0;color:#fff;background-color:#FD66B5}

.myRC .formdl{display:block;margin:30px auto}
.myRC .formdl dl{line-height:40px;margin:30px auto;clear:both;overflow:auto}
.myRC .formdl dl dt{width:150px;float:left;text-align:right;margin-right:15px;color:#8d8d8d;margin-left:60px}
.myRC .formdl dl dd{width:615px;float:left;text-align:left}


.zeai_my_box dl{margin:15px auto;line-height:40px;clear:both;overflow:auto}
.zeai_my_box dl dt{width:150px;float:left;text-align:right;margin-right:15px;color:#8d8d8d;margin-left:60px}
.zeai_my_box dl dd{width:615px;float:left;text-align:left}
.zeai_my_box dl.picadd dt{line-height:110px}
.zeai_my_box dl .icoadd{width:100px;height:100px;line-height:100px;border:#dedede 2px dashed;font-size:50px;text-align:center;color:#ddd;display:inline-block;cursor:pointer}
.zeai_my_box dl .icoadd:hover{color:#bbb;border-color:#bbb}
.zeai_my_box dl .photo_s{width:100px;height:100px;display:block;border-radius:50px;overflow:hidden;text-align:center;cursor:pointer;background-size:100% auto;background-position:center center;background-repeat:no-repeat;}
.zeai_my_box dl .photo_s span{display:none;line-height:100px;background-color:rgba(0,0,0,0.5);color:#fff}
.zeai_my_box dl .photo_s:hover span{display:block}

/*sign*/
@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);}50%{-webkit-transform:rotate(180deg);}100%{-webkit-transform:rotate(360deg);}}
.rotate {-webkit-animation:rotate 10s infinite linear}  
@-webkit-keyframes scale{0%{-webkit-transform:scale(3,3);}100%{-webkit-transform:scale(1,1)}}
.scale {-webkit-animation:scale 0.3s both}  
.signbox{position:absolute;left:-20px;top:55px;width:100px;height:100px;overflow:hidden;z-index:1}
.sign_gif{position:absolute;width:100px;height:100px;/*background-image:url('../../res/sign.png?4');*/background-size:100px 100px;background-repeat:no-repeat}
#mask_sign {width:100%;height:100%;position:fixed;top:0;left:0;z-index:888;display:none;background-color:rgba(0,0,0, 0.7)}
#mask_sign .gif {position:fixed;width:600px;height:600px;top:0;left:-webkit-calc(50% - 300px);left:calc(50% - 300px);top:20%;top:-webkit-calc(50% - 300px);/*background-image:url('../../res/sign_big.png?5');*/background-size:100%;background-repeat:no-repeat;background-position:center}
#signokbox{position:fixed;left:-webkit-calc(50% - 100px);top:20%;top:-webkit-calc(50% - 100px);width:200px;height:200px;overflow:hidden;border-radius:110px;background-color:#fff;display:none;z-index:999;box-shadow:0 0 25px rgba(253,215,77,1);background-image: -webkit-linear-gradient(top, #FDD74D , #FD4E2E );}
#signokbox .signok{width:150px;height:150px;margin:20px auto;border-radius:80px;background-color:#fff;border:#FDB633 5px solid;cursor:pointer}
#signokbox .signok h1{font-size:32px;color:#FD5010;font-weight:bold;margin-top:35px}
#signokbox .signok .hr{width:80%;height:1px;margin:10px auto;background:-webkit-linear-gradient(left,#fff,#FDAC43,#fff);}
#signokbox .signok h4{color:#999;font-size:12px}
#signokbox .signok h4 font{color:#f60}


